@import "./common.scss";

.wrap {
  main {
    .class_nav {
      width: 100%;
      height: getvw(230);

      .navItems {
        width: 100%;
        height: getvw(200);
        display: flex;
        justify-content: space-between;
        .nav_item {
          width: getvw(150);
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
          .nav_imgBox {
            width: 100%;
            height: getvw(150);
          }
          span {
            font-size: getfs(18);
          }
        }
      }
      .nav_order {
        margin: 0 auto;
        width: getvw(95);
        height: getvw(25);
        ul {
          display: flex;
          justify-content: space-between;
          li {
            width: getvw(15);
            height: getvw(15);
            border-radius: 50%;
            background-color: #ffc9a1;
          }
          .active {
            background-color: #ff9344;
          }
        }
      }
    }
    .webBox {
      .col-4-Items {
        width: 100%;
        height: getvw(133);
        display: flex;
        justify-content: space-between;
        .item {
          width: getvw(133);
          height: 100%;
        }
      }
    }
  }
}
